<style>
#page_intro {
    top: 218px; 
}
.hotelfront{
    width: 757px;
    height: 430px;
}
</style>
<div class="hotelfront">
    <a title="Close" class="modalCloseImg zmodalClose" id="h_close"></a>
    <div class="title">
        <div class="text" style="width: 440px;">
            <p>
                <?=$this->lang->line('accommodation_welcome')?>
            </p>
        </div>
        <div class="h1"><img src="<?=base_url()?>assets/img/site/<?=$page;?>/h1.png"></div>    
    </div>
    <img src="<?=base_url()?>assets/img/site/<?=$page;?>/front-modal.jpg" alt="Front" />
</div>
<div id="page_intro">
    <div class="heading">
        <h1>Hotels</h1>
    </div>
    <p style="line-height: 12px; padding: 8px 14px;">
        <?=$this->lang->line('accommodation_p')?>   
    </p>
</div>
<img src="<?=base_url()?>assets/img/site/accomodation/front.jpg" width="519" height="257" style="margin-right: 10px;" >
<img src="<?=base_url()?>assets/img/site/accomodation/relax.jpg" width="242" height="257">
<img src="<?=base_url()?>assets/img/site/accomodation/room.jpg" width="322" height="161" style="margin-left: 289px; margin-top: 7px; margin-right: 10px;">
<img src="<?=base_url()?>assets/img/site/accomodation/hotel.jpg" width="150" height="161" style="margin-top: 7px;">

<div id="hotels">

    <?
        $img_no=1;
        foreach($hotels as $hotel){
        ?>
        <div class="hotel" id="<?=$hotel->txt_id?>">
            <div class="border">
                <div class="h_img">
                    <a href="<?=base_url();?>assets/img/site/hotels/img/h_<?=$img_no;?>.jpg" title="<?=$hotel->title;?>" rel="lightbox[]">
                        <img src="<?=base_url()?>assets/img/site/hotels/thumb/h_<?=$img_no;?>.jpg" alt="<?=$hotel->title;?>">
                    </a>

                </div>
                <div class="h_content">
                    <div class="town"><?=$hotel->town;?></div>
                    <div class="title"><?=$hotel->title;?></div>
                    <div class="stars">
                        <? $no = $hotel->category;
                            for($i=1;$i<=$no;$i++){?>
                            <div class="star">*</div>                            
                            <?                                                           
                            }                            
                            if(($hotel->txt_id=='slovenska_plaza')||($hotel->txt_id=='palas'))                                
                                echo '<div class="star" style="background:none; color:#333; text-align:left; margin-top:3px">+</div>'; 
                        ?>
                    </div>
                    <p class="clear"></p>
                    <div class="h_text">
                        <?=$hotel->text;?>   
                    </div>
                </div> 
                <p class="clear"></p>
            </div>
        </div>
        <? $img_no++;
        }
    ?>

</div>
<?
    if (isset($link)&&($link!='')){?>
    <script type="text/javascript">
        jQuery(document).ready(function(){
            var id = "#"+'<?=$link;?>';
            var duration = 900;
            var easing = 'easeInQuad';
            var callback = function(){
                jQuery(id).css("background-color", "#fbdfb1");
                jQuery(id).animate({"backgroundColor": "#FFFFFF"}, {
                    easing: easing,
                    duration: 2000
                });
            };
            jQuery('html,body').animate({scrollTop:jQuery(id).offset().top},{
                easing: easing,
                duration: duration,
                complete: callback
            });
        }); 
    </script> 
    <?}   
?>